<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>模型管理</title>
<meta name="author" content="SuggeElson"/>
<meta name="description"
      content="Ycode admin template - new premium responsive admin template. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system.Build on great twitter boostrap framework"/>
<meta name="keywords"
      content="admin, admin template, admin theme, responsive, responsive admin, responsive admin template, responsive theme, themeforest, 960 grid system, grid, grid theme, liquid, masonry, jquery, administration, administration template, administration theme, mobile, touch , responsive layout, boostrap, twitter boostrap"/>
<meta name="application-name" content="Ycode admin template"/>

<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<!-- Core stylesheets do not remove -->
<link th:href="@{/lib/css/bootstrap/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
<link th:href="@{/lib/css/bootstrap/bootstrap-responsive.min.css}" rel="stylesheet" type="text/css"/>
<link th:href="@{/lib/css/supr-theme/jquery.ui.supr.css}" rel="stylesheet" type="text/css"/>
<link th:href="@{/lib/css/icons.css}" rel="stylesheet" type="text/css"/>

<!-- Plugin stylesheets -->
<link th:href="@{/lib/plugins/misc/qtip/jquery.qtip.css}" rel="stylesheet" type="text/css"/>
<link th:href="@{/lib/plugins/forms/uniform/uniform.default.css}" type="text/css" rel="stylesheet"/>
<link th:href="@{/lib/plugins/forms/select/select2.css}" type="text/css" rel="stylesheet"/>
<link th:href="@{/lib/plugins/forms/togglebutton/toggle-buttons.css}" type="text/css" rel="stylesheet"/>

<!-- Main stylesheets -->
<link th:href="@{/lib/css/main.css}" rel="stylesheet" type="text/css"/>

<!-- Custom stylesheets ( Put your own changes here ) -->
<link th:href="@{/lib/css/custom.css}" href="css/custom.css" rel="stylesheet" type="text/css"/>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" th:href="@{/lib/images/apple-touch-icon-144-precomposed.png}"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" th:href="@{/lib/images/apple-touch-icon-114-precomposed.png}"/>
<link rel="apple-touch-icon-precomposed" sizes="72x72" th:href="@{/lib/images/apple-touch-icon-72-precomposed.png}"/>
<link rel="apple-touch-icon-precomposed" th:href="@{/lib/images/apple-touch-icon-57-precomposed.png}"/>

<script type="text/javascript">
    //adding load class to body and hide page
    document.documentElement.className += 'loadstate';
</script>

</head>

<body>
<!-- loading animation -->
<div id="qLoverlay"></div>
<div id="qLbar"></div>

<div id="header">

    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="brand" href="user.html"><img src="http://source.ycode.cn/officalSite/images/icon-logo.png"
                                                       alt="Site2Images"/></a>
                <div class="nav-no-collapse">


                    <ul class="nav pull-right usernav">
                        <li><h3 class="marginT5">Welcome:</h3></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle avatar" data-toggle="dropdown">
                                <span class="icon16 icomoon-icon-user"></span>
                                <span class="txt">admin@Ycode.com</span>
                            </a>
                        </li>
                        <li><a href="index.html"><span class="icon16 icomoon-icon-exit"></span> Logout</a></li>
                    </ul>
                </div><!-- /.nav-collapse -->
            </div>
        </div><!-- /navbar-inner -->
    </div><!-- /navbar -->

</div><!-- End #header -->

<div id="wrapper">

    <!--Responsive navigation button-->
    <div class="resBtn">
        <a href="#"><span class="icon16 minia-icon-list-3"></span></a>
    </div>

    <!--Body content-->
    <div class="clearfix">
        <div class="contentwrapper"><!--Content wrapper-->

            <div class="heading">

                <h3>User profile</h3>

                <ul class="breadcrumb">
                    <li>You are here:</li>
                    <li>
                        <a href="#" class="tip" title="back to dashboard">
                            <span class="icon16 icomoon-icon-screen-2"></span>
                        </a>
                <span class="divider">
                    <span class="icon16 icomoon-icon-arrow-right-2"></span>
                </span>
                    </li>
                    <li class="active">User profile Page</li>
                </ul>

            </div><!-- End .heading-->

            <!-- Build page from here: -->
            <div class="row-fluid">

                <div class="span12">

                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3">模型名称:</label>
                                    <input disabled class="span4" type="text" th:value="${model.modelName}"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3">开发者:</label>
                                    <input disabled class="span4" type="text" th:value="${model.creator}"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3">评分:</label>
                                    <input disabled class="span4" type="text" th:value="${model.modelScore}"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3">使用人数:</label>
                                    <input disabled class="span4" type="text" value=""/>
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3" for="tags">适用行业:</label>
                                    <input disabled id="tags" type="text" th:value="${model.modelIndustry}"
                                           name="modelIndustry" class="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3" for="tags1">适用场景:</label>
                                    <input disabled id="tags1" type="text" th:value="${model.modelScene}"
                                           name="modelScene" class="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <label class="form-label span3" for="textarea">模型介绍</label>
                                    <textarea disabled class="span4 limit elastic" th:text="${model.modelDesc}"
                                              id="textarea" rows="5" cols="5"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="form-row row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <div class="form-actions">
                                        <div class="span3"></div>
                                        <div class="span4 controls">
                                            <button class="" id="yback">返回</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                </div><!-- End .span12 -->

            </div><!-- End .row-fluid -->

            <div class="modal fade hide" id="myModal1">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            class="icon12 minia-icon-close"></span></button>
                    <h3>Chat layout</h3>
                </div>
                <div class="modal-body">
                    <ul class="messages">
                        <li class="user clearfix">
                            <a href="#" class="avatar">
                                <img src="images/avatar2.jpeg" alt=""/>
                            </a>
                            <div class="message">
                                <div class="head clearfix">
                                    <span class="name"><strong>Lazar</strong> says:</span>
                                    <span class="time">25 seconds ago</span>
                                </div>
                                <p>
                                    Time to go i call you tomorrow.
                                </p>
                            </div>
                        </li>
                        <li class="admin clearfix">
                            <a href="#" class="avatar">
                                <img src="images/avatar3.jpeg" alt=""/>
                            </a>
                            <div class="message">
                                <div class="head clearfix">
                                    <span class="name"><strong>Sugge</strong> says:</span>
                                    <span class="time">just now</span>
                                </div>
                                <p>
                                    OK, have a nice day.
                                </p>
                            </div>
                        </li>

                        <li class="sendMsg">
                            <form class="form-horizontal" action="#">
                                <textarea class="elastic" id="textarea1" rows="1" placeholder="Enter your message ..."
                                          style="width:98%;"></textarea>
                                <button type="submit" class="btn btn-info marginT10">Send message</button>
                            </form>
                        </li>

                    </ul>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn" data-dismiss="modal">Close</a>
                </div>
            </div>

        </div><!-- End contentwrapper -->
    </div><!-- End #content -->


</div><!-- End #wrapper -->

<!-- Le javascript
================================================== -->
<!-- Important plugins put in all pages -->
<script type="text/javascript" th:src="@{/lib/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/js/bootstrap/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{/lib/js/jquery.cookie.js}"></script>
<script type="text/javascript" th:src="@{/lib/js/jquery.mousewheel.js}"></script>

<!-- Charts plugins -->
<script type="text/javascript" th:src="@{/lib/plugins/charts/sparkline/jquery.sparkline.min.js}"></script>
<!-- Sparkline plugin -->

<!-- Misc plugins -->
<script type="text/javascript" th:src="@{/lib/plugins/misc/qtip/jquery.qtip.min.js}"></script>
<!-- Custom tooltip plugin -->
<script type="text/javascript" th:src="@{/lib/plugins/misc/totop/jquery.ui.totop.min.js}"></script>

<!-- Search plugin -->
<script type="text/javascript" th:src="@{/lib/plugins/misc/search/tipuesearch_set.js}"></script>
<script type="text/javascript" th:src="@{/lib/plugins/misc/search/tipuesearch_data.js}"></script>
<!-- JSON for searched results -->
<script type="text/javascript" th:src="@{/lib/plugins/misc/search/tipuesearch.js}"></script>

<!-- Form plugins -->
<script type="text/javascript" th:src="@{/lib/plugins/forms/watermark/jquery.watermark.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/plugins/forms/uniform/jquery.uniform.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/plugins/forms/select/select2.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/plugins/forms/togglebutton/jquery.toggle.buttons.js}"></script>

<!-- Fix plugins -->
<script type="text/javascript" th:src="@{/lib/plugins/fix/ios-fix/ios-orientationchange-fix.js}"></script>

<!-- Important Place before main.js  -->
<script type="text/javascript" th:src="@{/lib/js/jquery-ui.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/plugins/fix/touch-punch/jquery.ui.touch-punch.min.js}"></script>
<!-- Unable touch for JQueryUI -->

<!-- Init plugins -->
<script type="text/javascript" th:src="@{/lib/js/main.js}"></script><!-- Core js functions -->
<script type="text/javascript" th:src="@{/lib/js/empty.js}"></script><!-- Init plugins only for page -->
<script type="text/javascript" th:inline="javascript">
    // document ready function
    $(document).ready(function () {

        var modelIndustry = JSON.parse($("input[name='modelIndustry']").val());
        var modelScene = JSON.parse($("input[name='modelScene']").val());
        console.log(modelIndustry);
        var industryStr=new Array();
        for(var i=0;i<modelIndustry.length;i++){
            industryStr.push(modelIndustry[i].text);
        }
        var sceneStr=new Array();
        for(var i=0;i<modelScene.length;i++){
            sceneStr.push(modelScene[i].text);
        }

        $("#tags").select2({
            tags: ['1', '2']
        }).val(industryStr).trigger('change');
        $("#tags1").select2({
            tags: ['1', '2']
        }).val(sceneStr).trigger('change');
        $("#yback").click(function () {
            window.history.back(-1);
        });
    });//End document ready functions
</script>

</body>
</html>
